<template>
	<!-- 支付成功 -->
	<view class="pay">
		<view class="">
			<view class="title">
				<text>订单支付成功</text>
				<text>支付金额: {{price}} 元</text>
	
			</view>
			<view class="btn" @click="personal">
				个人中心
			</view>
		</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				price:"",
			};
		},
		onLoad(options) {
			this.price = options.price;
			console.log(options);
		},
		methods:{
			personal(){
				uni.switchTab({
					url:"../../../hom/hom"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pay{
		 width:80%;
		  margin:20rpx auto;
		  overflow: hidden;
		  .title{
			  text-align: center;
			  display: flex;
			  margin-top:300rpx;
			      flex-direction: column;
				  text:nth-child(1){
					      font-size: 48rpx;
						  margin-bottom: 10rpx;
				  }
			  
		  }
			.btn{
				position: fixed;
				padding: 15rpx 40rpx;
				left:50%;
				transform: translateX(-50%);
				bottom:100rpx;
				border-radius: 10rpx;
				border:1px solid #354e44;
				color:#354e44
				// background-color: #354e44;
			}
	}

</style>
